<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport"-->
          <!--content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">-->
    <title>金点子大赛网站--管理员页面</title>
    <link rel="icon" href="../images/html-icon.png"  type="image/x-icon">
    <!-- jQ -->
    <script src="../js/lib/jquery-3.2.1.js"></script>
    <!-- bootstrap -->
    <link rel="stylesheet" href="../bootstrap-3.3.7/dist/css/bootstrap.css">
    <script src="../bootstrap-3.3.7/dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/bil/spop.css">
    <!--  -->
    <link rel="stylesheet" href="../css/Admin-css/admin-base.css">
    <link rel="stylesheet" href="../css/Admin-css/user-admin.css">
</head>
<body>
    <div class="container-fluid pad-r">
        <div id="navMenu">
            <div class="pad-10">
                <a href="./../Admin/admin-index.html" class="db">
                    <img src="../images/LNClogo.gif"  class="w-max maskVal"/>
                </a>
            </div>
            <h4 class="text-center Text-color fz-18"> 金点子大赛管理系统 </h4>
            <div class="row text-center mar-0 pad-10 Text-color admin-color">
                <div class="col-xs-12">
                    <i class="glyphicon glyphicon-user Text-fwb"></i>
                    <span class="mar-5" id="admin-name"></span>
                </div>
                <div class="col-xs-12">
                    <i class="glyphicon glyphicon-info-sign Text-fwb"></i>
                    <span class="mar-5 mar-r Text-fwb">5</span>
                    /
                    <span>30</span>
                </div>
            </div>
            <ul id="allDownMenu" class="mar-0">
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/item-admin.html">
                            <i class="glyphicon glyphicon-th-list icon"></i>
                            <span>项目管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/user-admin.html">
                            <i class="glyphicon glyphicon-user icon"></i>
                            <span>用户管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/count.html">
                            <i class="glyphicon glyphicon-stats icon"></i>
                            <span>项目统计</span>
                        </a>
                    </div>
                </li>
                <li class="hasMenu">
                    <div class="menu-Item hasMenu-li">
                        <a href="javascript:;" class="">
                            <i class="glyphicon glyphicon-asterisk icon"></i>
                            <span>系统配置</span>
                            <i class="glyphicon glyphicon-chevron-left pull-right downIcon"></i>
                        </a>
                    </div>
                    <ul class="sonMenu">
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/dataWordbook.html">数据字典</a>
                        </li>
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/ad-list.html">公告管理</a>
                        </li>
                        <li class="menu-Item sonItem">
                            <a href="./../Admin/System-set.html">系统配置</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="./../Admin/powerManage.html">
                            <i class="glyphicon glyphicon-tasks icon"></i>
                            <span>权限管理</span>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="menu-Item">
                        <a href="" id="admin-outLogin">
                            <i class="glyphicon glyphicon-off icon"></i>
                            <span>退出登录</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="pageMain Po-r">
            <!-- 页头 -->
            <div class="panel panel-default pageTitle mar-0 border-color Text-red">
                <div class="panel-body">
                    <span>用户管理</span>
                    <form class="form-inline" style="display: inline-block;margin-left: 10px">
                        <div class="form-group">
                            <select class="form-control" id="userType">
                                <option value="1">普通用戶</option>
                                <option value="2">院级管理员</option>
                                <option value="3">超级管理员</option>
                            </select>
                        </div>
                    </form>
                    <i class="glyphicon glyphicon-circle-arrow-left zzz pull-right"></i>
                </div>
            </div>
            <!-- 中间 -->
            <div class="panel panel-default mar-0 mt-15 border-color">
                <div class="panel-body">
                    <div class="user_setBox">
                        <button class="btn btn-primary" data-toggle="modal" data-target="#model-AddAdmin" id="objAddAdmin">添加管理员账户</button>
                        <button class="btn btn-primary" data-toggle="modal" data-target="#model-ImportInfo" id="objImportInfo">导出</button>
                        <button class="btn btn-warning" data-toggle="modal" data-target="#model-ChangePW" id="objChangePW">改密</button>
                        <button class="btn btn-danger" data-toggle="modal" data-target="#model-DelUser" id="objDelUser">删除</button>
                        <button class="btn btn-info" data-toggle="modal" data-target="#model-LockUser" id="objLockUser">锁定</button>
                        <button class="btn btn-success" data-toggle="modal" data-target="#model-DelLockUser" id="objDelLockUser">解锁</button>
                        <div class="form-group has-success has-feedback mar-0">
                            <input type="text" class="form-control" id="userSearch" placeholder="用户名搜索">
                            <span class="glyphicon glyphicon-search form-control-feedback" ></span>
                        </div>

                    </div>
                </div>
            </div>
            <!-- 用户列表 -->
            <div class="panel panel-default mt-15 border-color pageMainBody">
                <div class="panel-body pad-0">
                    <div class="table-responsive">
                        <table class="table table-condensed Po-r" id="userTable">
                            <thead>
                                <tr>
                                    <td class="CheckedBox" style="padding-left: 15px;padding-bottom:0" width="45">
                                        <input type="checkbox" id="allChecked-OFF">
                                    </td>
                                    <td>ID</td>
                                    <td class="userSort Text-cup">姓名
                                        <!--<i class="glyphicon glyphicon-menu-down"></i>-->
                                    </td>
                                    <td>联系手机</td>
                                    <td>学院</td>
                                    <td>所属部门</td>
                                    <td>行政职务</td>
                                    <td>性别</td>
                                    <td>出生日期</td>
                                    <td>电子邮箱</td>
                                    <td>操作</td>
                                </tr>
                            </thead>
                            <tbody id="table-tbody">
                                <!--<tr>-->
                                    <!--<td class="CheckedBox" style="padding-left: 15px ;padding-bottom: 0 "><input type="checkbox"></td>-->
                                    <!--<td>16601120320</td>-->
                                    <!--<td>-->
                                        <!--冯上胜-->
                                    <!--</td>-->
                                    <!--<td>-->
                                        <!--18927590536-->
                                    <!--</td>-->
                                    <!--<td>电子信息工程学院</td>-->
                                    <!--<td>教科研主任</td>-->
                                    <!--<td>女</td>-->
                                    <!--<td>1998-10-08</td>-->
                                    <!--<td>1820959467@qq.com</td>-->
                                    <!--<td class="setThisBtn">-->
                                        <!--<i class="Text-fwb Text-cup glyphicon glyphicon-ok-sign" data-toggle="modal" data-target="changeSoloUserInfo"></i>-->
                                        <!--<i class="Text-fwb Text-cup glyphicon glyphicon-ok-sign active"></i>-->
                                        <!--<i class="Text-fwb Text-cup glyphicon glyphicon-ok-sign"></i>-->
                                    <!--</td>-->
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- 页脚 -->
            <div class="panel panel-default" id="Pagefooter">
                <div class="panel-body">
                    <div class="footerChangeBtn">
                        <i class="glyphicon glyphicon-step-backward" id="first-page"></i>
                        <i class="glyphicon glyphicon-chevron-left" id="prev-page"></i>
                        <input type="number" min="1" placeholder="1" id="pagefootNumber">
                        <i class="glyphicon glyphicon-chevron-right" id="next-page"></i>
                        <i class="glyphicon glyphicon-step-forward" id="last-page"></i>
                    </div>
                    <div class="pull-right">
                        <p class="mar-0">第 <span>1</span> 页，共 <span>2</span> 页，<span>33</span> 条数据</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 添加管理员模态框-->
    <div class="modal fade" id="model-AddAdmin" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" >添加管理员账号</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">管理员账号:</label>
                            <div class="col-sm-20">
                                <input type="text" name="stuno" class="form-control" id="addAdminIpt">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label"></label>
                            <div class="col-sm-20">
                                <p class="form-control-static">管理员密码默认与账户相同</p>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="addAdmin-modal-submit">添加</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改密码模态框-->
    <div class="modal fade" id="model-ChangePW" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabel">修改密码</h4>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="changePW-modal-submit">提交</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 删除用户模态框-->
    <div class="modal fade" id="model-DelUser" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabexxxxl">删除用户</h4>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="objDelUser-modal-submit">提交</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 锁定用户模态框-->
    <div class="modal fade" id="model-LockUser" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabexxxxl">锁定用户</h4>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="objLockUser-modal-submit">提交</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 解锁用户模态框-->
    <div class="modal fade" id="model-DelLockUser" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-md" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="gridSystemModalLabexxxxl">解锁用户</h4>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="objDelLockUser-modal-submit">提交</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改单个用户信息 ----------------->
    <div class="modal fade" id="changeSoloUserInfo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">修改用户信息</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-4 control-label">ID:</label>
                            <div class="col-sm-20">
                                <input type="text" name="stuno" class="form-control" id="stuno" readonly="readonly" disabled="disabled">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">姓名:</label>
                            <div class="col-sm-20">
                                <input type="text" name="stuname" class="form-control" id="stuname">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">联系手机:</label>
                            <div class="col-sm-20">
                                <input type="text" name="stucontent" class="form-control" id="stucontent">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">所属学院:</label>
                            <div class="col-sm-20">
                                <select name="stuinstitute" class="form-control" id="stuinstitute"></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">行政职务:</label>
                            <div class="col-sm-20">
                                <select name="profession" class="form-control" id="profession"></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">班级:</label>
                            <div class="col-sm-20">
                                <select name="stuclass" class="form-control" id="stuclass"></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">性别:</label>
                            <div class="col-sm-20">
                                <select  class="form-control" name="stusex" id="stusex">
                                    <option value="男">男</option>
                                    <option value="女">女</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">出生日期:</label>
                            <div class="col-sm-20">
                                <input type="date" name="stubirth" class="form-control" id="stubirth" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label">电子邮箱:</label>
                            <div class="col-sm-20">
                                <input type="email" name="stuemail" class="form-control" id="stuemail">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="objChangeSoloUserInfo-modal-submit">确认</button>
                </div>
            </div>
        </div>
    </div>
    <!----------------------------------->
    <script src="../js/lib/jquery.cookie.js"></script>
    <script src="../js/lib/spop.js"></script>
    <script src="../js/admin/admin-base.js"></script>
    <script src="../js/admin/user-admin.js"></script>
</body>
</html>